@import url('../less/public.less');
.user_group{
  width:100%;
  padding:0 10px;
  .left_nav{
    float:left;
    margin-right:10px;
    width:180px;
    border-radius: 3px;
    border:1px solid #e0e0e0;
    .title{
      font-weight: bold;
      padding:0;
      width:100%;
      height:42px;
      line-height: 42px;
      color: #3e455b;
      font-size: 14px;
      border-bottom:1px solid #e0e0e0;
      span{
        margin:0 5px 0 10px;
        width:14px;
        float:left;
      }
    }
    .list{
      width:100%;
      overflow-y: auto;
      .title_t{
        color: #0f1112;
        height:36px;
        font-size: 12px;
        line-height: 36px;
        padding-left:10px;
        background: #ecf6fb;
      }
      ul{
        &.active{
          display: block;
        }
        width:100%;
        padding-left:10px;
        display: none;
        input[name='boxcheck']{
          vertical-align: middle;
          width:15px;
          height:15px;
          margin:0 5px 0 0 ;
        }
        li{
          color: #0f1112;
          font-size: 12px;
          line-height: 30px;
          position: relative;
          font-weight: normal;
          background: none;
          span{
            width: 100%;
            display: block;
            padding-left: 20px;
            text-align: left;
            position: relative;
            line-height: 30px;
            cursor: pointer;
            i{
              vertical-align: unset;
              font-size: 20px;
              color: #808a94;
              margin-right:5px;
              position: absolute;
              top: 4px;
              left:0;
            }
            i.icon-caret-down{
              top: 6px;
              left: 3px;
            }
            i.icon-caret-right{
              top: 6px;
              left: 5px;
            }
          }
        }
      }
    }
  }
  .right_list{
    width:500px;
    padding-bottom:30px;
    border-radius: 3px;
    border:1px solid #e0e0e0;
    float:left;
    .title{
      padding:0 0 0 20px;
      width:100%;
      height: 80px;
      line-height: 40px;
      color: #1c202b;
      font-size: 16px;
      border-bottom:1px solid #e0e0e0;
      span{
        font-weight: bold;
        float:left;
      }
      img{
        margin: 7px 0 0 32px;
        width:24px;
        float:left;
      }
      p{
        width:100%;
        float: left;
        height:34px;
        line-height: 34px;
        img{
          width:14px;
          margin: 10px 5px 0 0 ;
        }
        font-size: 12px;
        color: #5d6a73;
      }
    }
    .add_zz{
      width:100%;
      height:44px;
      line-height: 44px;
      padding-left:20px;
      background: #f6f9fe;
      border-bottom:1px solid #e0e0e0;
      button{
        font-size: 14px;
        color: #fff;
        height:26px;
        line-height:26px;
        padding:0 5px;
        border-radius: 3px;
        background: #16a1e9;
        img{
          vertical-align: sub;
          margin-right: 5px;
        }
      }
    }
    .add_text{
      width:100%;
      padding:0 20px;
      ul{
        li{
          font-size: 12px;
          height:44px;
          line-height: 44px;
          border-bottom:1px solid #e0e0e0;
          color: #5d6a73;
          i{
            float:right;
            cursor: pointer;
            margin-right:5px;
            line-height: 44px;
            font-size: 20px;
          }
        }
      }
    }
    .delete_cy{
      font-size: 12px;
      color: #5d6a73;
      background: none;
      font-weight: bold;
      img{
        width:19px;
        margin-right:5px;
        vertical-align: sub;
      }
    }
    .delete_li{
      button{
        font-size: 14px;
        color: #5d6a73;
        height:26px;
        line-height:24px;
        padding:0 5px;
        border-radius: 3px;
        border:1px solid #dbe1e9;
        background: #fff;
        img{
          width: 11px;
          vertical-align: baseline;
          margin-right: 5px;
        }
      }
    }
    .add_list{
      padding:0 20px;
      dl{
        dt,dd{
          height:44px;
          line-height: 44px;
          border-bottom:1px solid #e0e0e0;
          span{
            font-size: 12px;
            float:left;
            width:20%;
            text-align: center;
            overflow: hidden;
            position: relative;
            &:after{
              content: '.';
              text-indent: 999px;
              opacity: 0;
            }
            &:before{
              position: absolute;
              right:0;
              top:16px;
              height:15px;
              content: '.';
              overflow: hidden;
              text-indent: 9999em;
              width:1px;
              background: #b5b8c3;
            }
            &:last-child:before{
              display: none;
            }
            input{
              position: absolute;
              left: 10px;
              top: 14px;
            }
            i{
              margin-right:5px;
            }
            i.zx{
              color: #22ac38;
            }
            i.lx{
              color: #707996;
            }
          }
        }
        dd{
          span{
            &:before{
              display: none;
            }
          }
        }
      }
    }
  }
}
//添加子组织弹框
.add_group,.add_group_two,.xg_password2{
  position: fixed;
  top:20%;
  left:50%;
  width:480px;
  display: none;
  margin-left:-240px;
  background: #fff;
  z-index: 9999;
  .add_group_title{
    height:50px;
    line-height: 50px;
    font-size: 16px;
    padding:0 18px;
    color: #515974;
    font-weight: bold;
    border-bottom:1px solid #c8d7e3;
    background: #f3f6f9;
    img{
      float:right;
      color: #555;
      margin-top:15px;
      cursor: pointer;
      width:16px;
    }
  }
  .add_group_center{
    padding:26px 0;
    line-height: 36px;
    ul{
      li{
        margin-bottom:16px;
        width:100%;
        position: relative;
        &:last-child{
          margin-bottom:0;
        }
        img.sj{
          position: absolute;
          right: 64px;
          top: 10px;
          width: 16px;
        }
        span{
          width: 120px;
          text-align: right;
          display: block;
          float: left;
          margin-right:30px;
          i{
            color:#ff0000;
            margin-right:6px;
          }
        }
        input,select{
          width:268px;
          height:36px;
          line-height: 34px;
          padding:0 3px;
          border:1px solid #c8d7e3;
          border-radius: 3px;
        }
        select[disabled='disabled']{
          background: #f2f2f2;
        }
        div{
          float: left;
          width: 295px;
          label{
            margin:13px 0 0 8px;
            font-weight: normal;
            font-size: 12px;

            height: 30px;
            float: left;
            line-height: 30px;
            input[type='checkbox']{
              width: 18px;
              height: 18px;
              margin: 0;
              vertical-align: middle;
            }
          }
        }
        .checkbox_list{
          width: 328px;
          label{
            margin:0 10px 0 0;
            width: 72px;
          }
        }
        .list{
          display: none;
          width: 268px;
          position: absolute;
          overflow-y: auto;
          right: 62px;
          top: 35px;
          border: 1px solid #ccc;
          z-index: 99;
          background: #fff;
          .title_t{
            color: #0f1112;
            height:36px;
            font-size: 12px;
            line-height: 36px;
            padding-left:10px;
            background: #ecf6fb;
          }
          ul{
            &.active{
              display: block;
            }
            width:100%;
            padding-left:10px;
            display: none;
            input[name='radio1'],input[type='checkbox']{
               vertical-align: middle;
               width:15px;
               height:15px;
               margin:0 5px 0 0 ;
             }
            li{
              color: #0f1112;
              font-size: 12px;
              line-height: 36px;
              position: relative;
              font-weight: normal;
              background: none;
              float: left;
              margin:0;
              span{
                width: 100%;
                display: block;
                padding-left: 20px;
                position: relative;
                text-align: left;
                line-height: 36px;
                cursor: pointer;
                i{
                  vertical-align: unset;
                  font-size: 20px;
                  color: #808a94;
                  margin-right:5px;
                  position: absolute;
                  top: 4px;
                  left:0;
                }
                i.icon-caret-down{
                  top: 9px;
                }
                i.icon-caret-right{
                  top: 8px;
                  left: 5px;
                }
              }
            }
          }
          .end_btn{
            width: 100%;
            height: 40px;
            border-bottom:1px solid #ccc;
            button{
              position: inherit;
              float: right;
              color:#2894d4;
              padding:0 10px;
              border: 1px solid #2894d4;
              margin: 5px 10px 0 0;
              background: #fff;
              border-radius: 3px;
              height: 30px;
              line-height: 28px;
            }
            label{
              margin:0 0 0 10px;
              height: 40px;
              line-height: 40px;
              input{
                vertical-align: middle;
                width:15px;
                height:15px;
                margin:0 5px 0 0 ;
              }
            }
          }
        }
      }
    }
  }

  .add_group_btn{
    border-top:1px solid #c8d7e3;
    padding:14px 0;
    text-align: center;
    button{
      margin:0 15px;
      width:100px;
      height:36px;
      background: rgba(40,148,212,1);
      border-radius: 3px;
      color: #fff;
      &.qx{
        background: #9ab2ca;
      }
      &:last-child{
        background: #9ab2ca;
      }
    }
  }
}
.device_tk,.device_tk2{
  width: 730px;
  margin-left: -365px;
  height: 540px;
  .device_list_center{
    padding:30px;
    .center_left{
      border-radius: 3px;
      width:278px;
      height:368px;
      float: left;
      border:1px solid #c4d4e1;
      .center_left_title{
        height:42px;
        font-size: 12px;
        color: #515974;
        border-bottom:1px solid #c4d4e1;
        line-height: 42px;
        font-weight: bold;
        padding-left:10px;
        img{
          margin-right: 5px;
          vertical-align: sub;
          width: 16px;
        }
      }
      .center_left_t{
        color: #515974;
        height:36px;
        font-size: 12px;
        border-bottom:1px solid #c4d4e1;
        line-height: 36px;
        padding-left:20px;
        input[name='box']{
          vertical-align: middle;
          width:15px;
          height:15px;
          margin:0 5px 0 0 ;
        }
      }
      .center_left_list{
        height:288px;
        overflow-y: auto;
        .title_t{
          color: #0f1112;
          height:36px;
          font-size: 12px;
          line-height: 36px;
          padding-left:20px;
          background: #ecf6fb;
        }
        ul{
          &.active{
            display: block;
          }
          width:100%;
          padding-left:20px;
          display: none;
          input[name='boxcheck']{
            vertical-align: middle;
            width:15px;
            height:15px;
            margin:0 5px 0 0 ;
          }
          li{
            color: #0f1112;
            font-size: 12px;
            line-height: 36px;
            position: relative;
            font-weight: normal;
            background: none;
            span{
              width: 100%;
              display: block;
              padding-left: 20px;
              position: relative;
              line-height: 36px;
              i{
                vertical-align: unset;
                font-size: 20px;
                color: #808a94;
                margin-right:5px;
                position: absolute;
                top: 4px;
                left:0;
              }
              i.icon-caret-down{
                top: 9px;
              }
              i.icon-caret-right{
                top: 8px;
                left: 5px;
              }
            }
          }
        }
      }
    }
    .center_center{
      width:114px;
      height:368px;
      float: left;
      padding:122px 0 0 12px;
      button{
        width:90px;
        border:1px solid #c4d4e1;
        color: #5d6a73;
        height:36px;
        line-height:34px;
        background: #fff;
        border-radius: 3px;
        font-weight: bold;
        font-size: 12px;
        i{
          color: #1290e2;
          font-size: 16px;
          margin-left:5px;
        }
        &:last-child{
          i{
            margin:0 5px 0 0;
          }
        }
        &:last-child{
          margin-top:10px;
        }
      }
    }
    .center_right{
      border-radius: 3px;
      width:278px;
      height:368px;
      float: left;
      border:1px solid #c4d4e1;
      .center_right_title{
        color: #515974;
        font-weight: bold;
        height:42px;
        font-size: 12px;
        border-bottom:1px solid #c4d4e1;
        line-height: 42px;
        padding-left:10px;
        img{
          margin-right:5px;
          vertical-align: sub;
          width:16px;
        }
      }
      .center_right_t{
        color: #515974;
        height:36px;
        font-size: 12px;
        border-bottom:1px solid #c4d4e1;
        line-height: 36px;
        padding-left:20px;
        input[name='box2']{
          vertical-align: middle;
          width:15px;
          height:15px;
          margin:0 5px 0 0 ;
        }
      }
      .center_right_list{
        height:288px;
        overflow-y: auto;
        ul{
          li{
            color: #515974;
            height:34px;
            font-size: 12px;
            line-height: 34px;
            padding-left:20px;
            input[name='box2check']{
              vertical-align: middle;
              width:15px;
              height:15px;
              margin:0 5px 0 0 ;
            }
          }
        }
      }
    }
  }
}

//管理员列表
.main_title2{
  height:64px;
  padding:17px 15px;
  overflow: hidden;
  border: 1px solid #e0e0e0;
  border-radius: 3px;
  background: #fbfcff;
  margin-bottom:10px;
  .bj_btn{
    text-align: center;
    width: 100px;
    height: 32px;
    line-height: 32px;
    background: #2894d4;
    border-radius: 3px;
    color: #fff;
    float: right;
  }
  ul{
    li{
      font-size: 12px;
      height:30px;
      float: left;
      padding:0 30px;
      position: relative;
      color: #5b6175;
      line-height: 30px;
      &:before{
        position: absolute;
        right:0;
        top:5px;
        height:23px;
        content: '.';
        overflow: hidden;
        text-indent: 9999em;
        width:1px;
        background: #a6aab5;
      }
      img{
        width: 24px;
        margin-left: 53px;
        cursor: pointer;
      }
      &:first-child{
        padding-left:0;
        line-height: 30px;
      }
      &:last-child{
        &:before{
          display: none;
        }
      }
      span{
        color: #1c202b;
        font-size: 16px;
        font-weight: bold;
      }
      em{
        color: #06b216;
        font-size: 16px;
        font-weight: bold;
      }
    }
  }
}
.admin_list{
  width:100%;
  padding:0 10px;
  .main{
    width:100%;
    border:1px solid #e0e0e0;
    border-radius: 3px;
    .main_title{
      padding:15px 14px;
      height:auto;
      border-bottom:1px solid #e0e0e0;
      ul{
        button{
          text-align: center;
          width:100px;
          height:32px;
          line-height:32px;
          background: #2894d4;
          border-radius: 3px;
          color: #fff;
          margin-top: 2px;
          float:right;
          i{
            color: #fff;
            float: none;
            margin: 0 10px 0 0;
          }
          img{
            width: 16px;
            vertical-align: sub;
            margin-right: 5px;
          }
        }
        li{
          border-radius: 3px;
          height:38px;
          float:left;
          line-height: 36px;
          border:1px solid #d4dbe6;
          margin-right:14px;
          position: relative;
          img{
            width: 16px;
            right: 1px;
            position: absolute;
            top: 10px;
          }
          span{
            float:left;
            font-size: 12px;
            width:68px;
            border-right:1px solid #d4dbe6;
            text-align: center;
          }
          input{
            width:155px;
            float: left;
            padding:0 5px;
            height: 36px;
            font-size: 12px;
          }
          select{
            width:115px;
            float: left;
            text-align: right;
            padding:0 5px;
            height:36px;
            font-size: 12px;
          }
          i.sj{
            position: absolute;
            right: 3px;
            font-size: 22px;
            color: #818b95;
            top: 2px;
          }
        }
      }
    }
    .main_list_menu{
      height:44px;
      line-height: 30px;
      padding-left:20px;
      margin:0 0 12px 0;
      width:100%;
      border-bottom:1px solid #e0e0e0;
      a{
        text-align: center;
        float: left;
        display: block;
        height:44px;
        line-height:44px;
        font-size: 12px;
        font-weight: bold;
        color: #555;
        padding:0 15px;
        text-decoration: none;
        margin-right:15px;
        position: relative;
        &.active{
          color: #16a1e9;
          &:before{
            position: absolute;
            right:0;
            bottom:0;
            height:3px;
            width:100%;
            content: '.';
            overflow: hidden;
            text-indent: 9999em;
            background: #16a1e9;
          }
        }
      }
    }
    .main_list{
      width:100%;
      padding:0 14px 30px 14px;
      .main_list_new{
        height:30px;
        line-height: 30px;
        margin:13px 0;
        button{
          text-align: center;
          padding:0 25px;
          height:30px;
          line-height:30px;
          background: #2894d4;
          border-radius: 3px;
          color: #fff;
          i{
            color: #fff;
            float: none;
            margin: 0 10px 0 0;
          }
          img{
            width: 16px;
            vertical-align: sub;
            margin-right: 5px;
          }
        }
      }
      .main_list_list{
        border-radius: 3px;
        border:1px solid #e0e0e0;
        border-bottom:none;
        dl{
          dt,dd{
            background: #ebeff6;
            height:34px;
            line-height: 34px;
            border-bottom:1px solid #e0e0e0;
            span{
              font-size: 12px;
              float:left;
              width:8%;
              overflow: hidden;
              height: 34px;
              text-align: center;
              position: relative;
              &:before{
                position: absolute;
                right:0;
                top:0;
                height:34px;
                content: '.';
                overflow: hidden;
                text-indent: 9999em;
                width:1px;
                background: #e1e6f1;
              }
              &:last-child:before{
                display: none;
              }
              input{
                vertical-align: sub;
                margin-right:5px;
              }
              i{
                margin-right:5px;
              }
              i.zx{
                color: #22ac38;
              }
              i.lx{
                color: #707996;
              }
              &:nth-child(1){
                width:5%;
              }
              &:nth-child(2){
                width:15%;
              }
              &:nth-child(3),&:nth-child(5),&:nth-child(7),&:nth-child(8){
                width:10%;
              }
              &.clolrS{
                color:#666;
              }
              &.clolrS.active{
                color:#31af6d;
              }
            }
          }
          dt{
            height:40px;
            line-height: 40px;
            span{
              font-weight: bold;
              height:40px;
              line-height: 40px;
              &:before{
                height:40px;
              }
            }
          }
          dd{
            background: none;
            &:hover{
              background: #f2f2f2;
            }
            span{
              &:before{
                background: #e1e6f1;
              }
              &:nth-child(11) a{
                color: #1f88c4;
              }
            }
            span.user_status{
              color: #919191;
            }
            span.user_status_active{
              color: #31af6d;
            }
          }
        }
      }
      .user_list{
        dl{
          dd{
            span{
              &:last-child a{
                color:#1f88c4;
                margin:0 5px;
              }
            }
          }
        }
      }
      .device_list{
        dl{
          dd{
            span{
              &:last-child a{
                color:#1f88c4;
                margin:0 2px;
              }
            }
          }
        }
      }
      .regional_img{
        width:100%;
      }
    }
    .bj_main{
      width: 100%;
      padding: 0 14px 30px 14px;
      .bj_main_one{
        width:100%;
        margin:0 0 5px 0;
        .bj_left{
          width:80px;
          text-align: right;
          height:34px;
          margin-right:5px;
          float: left;
          line-height: 34px;
        }
        .bj_right{
          height:34px;
          float: left;
          line-height: 34px;
          label{
            color: #626880;
            margin-right:15px;
            input{
              margin: 0 5px 0 0;
              vertical-align: sub;
            }
            font-weight:normal;
          }
        }
      }
      .bj_main_two{
        width: 100%;
        margin: 0 0 5px 0;
        .bj_left{
          width:80px;
          text-align: right;
          height:34px;
          margin-right:5px;
          float: left;
          line-height: 34px;
        }
        .bj_right{
          float: left;
            .r_title{
              span{
                display: none;
                position: relative;
                margin:5px 10px 0 0;
                border-radius: 3px;
                float: left;
                line-height: 24px;
                width:110px;
                border:1px solid #ccc;
                em{
                  color: #626880;
                  margin-left:10px;
                }
                input{
                  margin-left: 15px;
                  width:50px;
                }
                input.time{
                  margin-left: 15px;
                  width:90px;
                  color: #626880;
                }
                i{
                  position: absolute;
                  right: 5px;
                  font-size: 24px;
                  color: #999;
                  top: -2px;
                }
              }
              button{
                display: none;
                margin-right:6px;
                height:26px;
                border-radius: 3px;
                background: #16a1e9;
                width:50px;
                line-height: 24px;
                margin-top:5px;
                color: #fff;
                &:last-child{
                  background: #dedede;
                  color: #626880;
                }
              }
              span.add{
                width:50px;
                cursor: pointer;
                height:26px;
                line-height: 24px;
                float: left;
                display: block;
                border:none;
                i{
                  margin: 6px 0 0 5px;
                  cursor: pointer;
                  float: left;
                  position: inherit !important;
                  color: #1f88c4 !important;
                  font-size: 15px !important;
                }
                &.active{
                  color: #1f88c4;
                }
              }
            }
            .r_footer{
              border:1px solid #ccc;
              width:100%;
              height:92px;
              margin-top:10px;
              padding:10px 0 0 10px;
              span{
                height:26px;
                line-height: 24px;
                border:1px solid #ccc;
                border-radius: 12px;
                padding:0 10px 0 6px;
                width:140px;
                margin:0 10px 10px 0;
                float: left;
                em{
                  font-size: 12px;
                  color: #1c202b;
                }
                i{
                  float: right;
                  color: #1c202b;
                  margin-top: 5px;
                  cursor: pointer;
                }
              }
            }
        }
      }
      .bj_main_three {
        width: 100%;
        margin: 0 0 5px 0;
        .bj_left {
          width: 80px;
          text-align: right;
          height: 34px;
          margin-right: 5px;
          float: left;
          line-height: 34px;
        }
        .bj_right {
          float: left;
          .r_title{
            span{
              height:26px;
              line-height: 24px;
              margin: 5px 20px 0 0;
              float: left;
              cursor: pointer;
              i{
                margin-right:5px;
              }
              &.active{
                color: #1f88c4;
              }
            }
          }
          .r_footer{
            margin-top:5px;
            border-radius: 3px;
            border:1px solid #e0e0e0;
            border-bottom:none;
            dl{
              dt,dd{
                background: #ebeff6;
                height:34px;
                line-height: 34px;
                border-bottom:1px solid #e0e0e0;
                span{
                  font-size: 12px;
                  float:left;
                  width:8%;
                  overflow: hidden;
                  height: 34px;
                  text-align: center;
                  position: relative;
                  &:before{
                    position: absolute;
                    right:0;
                    top:0;
                    height:34px;
                    content: '.';
                    overflow: hidden;
                    text-indent: 9999em;
                    width:1px;
                    background: #e1e6f1;
                  }
                  &:last-child:before{
                    display: none;
                  }
                  input{
                    vertical-align: sub;
                    margin-right:5px;
                  }
                  i{
                    margin-right:5px;
                  }
                }
              }
              dt{
                height:40px;
                line-height: 40px;
                span{
                  font-weight: bold;
                  height:40px;
                  line-height: 40px;
                  &:before{
                    height:40px;
                  }
                }
              }
              dd{
                background: none;
                &:hover{
                  background: #f2f2f2;
                }
                span{
                  &:before{
                    background: #e1e6f1;
                  }
                  &:nth-child(11) a{
                    color: #1f88c4;
                  }
                }
                span.user_status{
                  color: #919191;
                }
                span.user_status_active{
                  color: #31af6d;
                }
              }
            }
          }
        }
      }
    }
    .recordDetails{
      width:100%;
      dl{
        padding-left:20px;
        dt{
          width:100%;
          font-size: 12px;
          line-height: 34px;
          height: 34px;
        }
        dd{
          width:100%;
          span{
            width:30%;
            float: left;
            font-size: 12px;
            line-height: 34px;
            height: 34px;
          }
        }
      }
    }
  }
  .create_order {
    width: 100%;
    border: 1px solid #eceff4;
    border-radius: 3px;
    padding: 10px 0;
    dl{
      width:100%;
      margin-bottom:15px;
      dt{
        width:60px;
        text-align: right;
        margin-right:15px;
        font-size: 12px;
        color: #1c202b;
        line-height: 32px;
        float: left;
      }
      dd{
        font-size: 14px;
        color: #1c202b;
        line-height: 32px;
        float: left;
        span{
          width:65px;
          height:26px;
          margin-top: 3px;
          line-height:24px;
          border:1px solid #d9d9d9;
          background: #ececec;
          font-size: 12px;
          display: block;
          color: #515974;
          cursor: pointer;
          text-align: center;
          float: left;
          margin-right: 10px;
          &.active{
            border:1px solid #16a1e9;
            background: #fff;
            background: url("../images/duihao.png") no-repeat 47px 8px;
          }
        }
        em{
          font-size: 12px;
          color: #797c83;
          width:100%;
          display: block;
          float: left;
        }
        label{
          width:135px;
          margin:0;
          position: relative;
          i{
            width:12px;
            height:12px;
            display: block;
            float: left;
            background:url('../images/xuanze-1.png') no-repeat;
            margin: 10px 5px 0 0;
          }
          input{
            float: left;
            position: absolute;
            left:0;
            top: 5px;
            z-index: 2;
            opacity: 0;
          }
          img{
            width:105px;
            float: left;
          }
        }
        h3{
          font-size: 24px;
          color: #ff702f;
        }
        button{
          background: #ff702f;
          color: #fff;
          border-radius: 3px;
          font-size: 16px;
          width:120px;
          height:32px;
        }
      }
    }
  }
  .create_order_title{
    width:100%;
    height:200px;
    background: #f1f6f9;
    margin-bottom:10px;
    h4{
      width:100%;
      height:54px;
      line-height: 54px;
      font-size: 16px;
      color: #1c202b;
      padding-left:10px;
      border-bottom:1px #e3e5e8 solid;
    }
    dl{
      width:100%;
      color: #737680;
      font-size: 12px;
      border-bottom:1px solid #e3e5e8;
      padding:5px 0 5px 10px;
      dt{
        line-height: 38px;
        span{
          color: #515974;
          font-weight: bold;
        }
      }
      dd{
        line-height: 38px;
        width:30%;
        float: left;
        span{
          color: #515974;
          font-weight: bold;
        }
      }
    }
    h5{
      margin-top:20px;
      padding-left:10px;
      span{
        color: #515974;
      }
      font-size: 14px;
      color: #ff702f;
    }
  }
}

.fy{
  width:100%;
  height:30px;
  position: relative;
  margin-bottom:20px;
  text-align: right;
  padding-right: 14px;
  div{
    margin:0;
  }
  ul{
    position: absolute;
    right:20px;
    li{
      font-size: 12px;
      float:left;
      line-height:30px;
      margin-left:5px;
      em{
        font-size: 12px;
        height:28px;
        line-height:26px;
        display: block;
        border:1px solid #d8dfe9;
        padding:0 5px;
        border-radius: 3px;
        cursor: pointer
      }
      span{
        cursor: pointer;
        font-size: 12px;
        height:28px;
        width:30px;
        line-height:26px;
        display: block;
        border:1px solid #d8dfe9;
        border-radius: 3px;
        text-align: center;
        &.active{
          color: #fff;
          background: #16a1e9;
          border:1px solid #16a1e9;
        }
      }
      input{
        font-size: 12px;
        border:1px solid #d8dfe9;
        width:30px;
        height:26px;
        border-radius: 3px;
        padding:0 3px;
      }
      button{
        font-size: 12px;
        border:1px solid #d8dfe9;
        width:50px;
        border-radius: 3px;
        background: #fff;
        height:26px;
        line-height:24px;
        padding:0 3px;
      }
    }
  }
}

.checkbox {
  position: relative;
  display: inline-block;
  margin:0;
}
.checkbox:after, .checkbox:before {
  font-family: arial;
  -webkit-font-feature-settings: normal;
  -moz-font-feature-settings: normal;
  font-feature-settings: normal;
  -webkit-font-kerning: auto;
  -moz-font-kerning: auto;
  font-kerning: auto;
  -webkit-font-language-override: normal;
  -moz-font-language-override: normal;
  font-language-override: normal;
  font-stretch: normal;
  font-style: normal;
  font-synthesis: weight style;
  font-variant: normal;
  font-weight: normal;
  text-rendering: auto;
}
.checkbox label {
  width: 48px;
  height: 12px;
  margin-top: 7px;
  background: #ccc;
  position: relative;
  display: inline-block;
  border-radius: 48px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.checkbox label:after {
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 100%;
  left: 1px;
  top: 2px;
  z-index: 2;
  background: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.checkbox input {
  position: absolute;
  left: 0;
  top: -2px;
  z-index: 5;
  opacity: 0;
  cursor: pointer;
  margin:0 !important;
  width: 100%;
  height: 100%;
}

.checkbox input:hover + label:after {
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.2), 0 3px 8px 0 rgba(0, 0, 0, 0.15);
}
.checkbox input:checked + label:after {
  left: 30px;
}
.checkbox input:checked + label{
  background: #4ccb5a;
}
